.clockInCalendar-index {
  padding-bottom: 66px;
}
.clockInCalendar-index .header {
  height: 44px;
  padding: 0 20px;
  border-bottom: 1px solid #ededed;
}
.clockInCalendar-index .header .l,
.clockInCalendar-index .header .c,
.clockInCalendar-index .header .r {
  flex: 1;
}
.clockInCalendar-index .header .r {
  text-align: right;
  color: #2561ef;
  font-size: 14px;
}
.clockInCalendar-index .calendar {
  padding: 20px;
}
.clockInCalendar-index .calendar .t .date {
  width: 120px;
  height: 26px;
  line-height: 26px;
  background-color: #e6eaf1;
  border-radius: 13px;
  margin: 0 auto;
  color: #2561ef;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
}
.clockInCalendar-index .calendar .c .week {
  border-bottom: 1.5px solid #ededed;
  height: 44px;
}
.clockInCalendar-index .calendar .c .week span {
  width: 43px;
  height: 16px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.clockInCalendar-index .calendar .b .day-box .day {
  width: 36px;
  height: 36px;
  background-color: rgba(108, 118, 244, 0.09803922);
  border-radius: 50%;
  padding: 6px 0;
  margin-top: 10px;
  margin-right: calc((100% - 252px) / 6);
}
.clockInCalendar-index .calendar .b .day-box .day .num {
  font-size: 12px;
  color: #666;
}
.clockInCalendar-index .calendar .b .day-box .day .dian {
  width: 5px;
  height: 5px;
  background-color: red;
  border-radius: 50%;
}
.clockInCalendar-index .calendar .b .day-box .day:nth-child(7n) {
  margin-right: 0;
}
.clockInCalendar-index .calendar .b .day-box .blue {
  background-color: #2561ef;
}
.clockInCalendar-index .main .list {
  margin-top: 15px;
  background-color: #fff;
  padding: 40px 20px;
}
.clockInCalendar-index .main .list .item-tb .text-boxt .dao {
  background-color: pink;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 12px;
  color: #fa746b;
  line-height: 20px;
  font-weight: 500;
}
.clockInCalendar-index .main .list .item-tb .text-boxb img {
  width: 6px;
  height: 120px;
  margin: 0 12px 0 5px;
}
.clockInCalendar-index .main .list .item-tb .text-boxb .text {
  line-height: 1.5;
}
.clockInCalendar-index .main .list .item-tb .text-boxb .text .p1 {
  color: #2561ef;
  font-size: 14px;
}
.clockInCalendar-index .main .list .item-tb .text-boxb .text .p2 {
  color: #999;
  font-size: 12px;
}
